$(function() {
    // 点击 去注册 链接
    $("#link_reg ").click(function() {
            $(".login-box").hide()
            $(".reg-box").show()
        })
        // 点击 去登录 链接
    $("#link_login ").click(function() {
        $(".login-box").show()
        $(".reg-box").hide()
    })

    // 从layui 中获取 form 对象
    let form = layui.form
        // 调用 layui.verufy 函数
    form.verify({
        // 自定义一个叫做 pwd 检验规则
        pwd: [
            /^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'
        ],
        repwd: function(value) {
            let pwd = $(".reg-box [name=password]").val()
            if (pwd !== value) {
                return '两次密码输入不一致'
            }
        }
    })

    // 监听注册表单的提交事件
    $("#form_reg").on('submit', function(e) {
        // 1.阻止表单默认提交事件
        e.preventDefault()
            // 2.获取表单中所以的数据
        let data = $(this).serialize()
            // 3.发起ajax 请求
        $.post('/api/reguser', data,
            function(res) {
                // 如果请求不成功就弹出服务器返回的值
                if (res.status !== 0) {
                    return layui.layer.msg(res.message)
                }
                layui.layer.msg('注册成功，请登录')
                $('#link_login').click()
            }
        )
    })

    $("#form_login").on('submit', function(e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/api/login',
            // 快速获取表单数据
            data: $(this).serialize(),
            success: function(res) {
                // 显示回来的消息
                layui.layer.msg(res.message)
                    // 如果res.status==0 说明登录成功，跳转到主页
                if (res.status == 0) {
                    // 将服务器返回的tocken 值保存到本地
                    localStorage.setItem('token', res.token)
                        // 跳转到后台主页
                    location.href = '/index.html'
                }
            }
        })
    })
})